<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			ul{
				width: 1270px;
				margin:50px auto;
				overflow: hidden;
			}
			li{
				width:141px;
				height: 30px;
				list-style: none;
				float:left;
			}
			a{
				text-decoration: none;
				color: #333333;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<ul>
				<li v-for="url in message">
					<img :src="url.pic"/>
					<a :href="url.link">
						{{ url.text }}
					</a>
				</li>
			</ul>
		</div>
		
		<script type="text/javascript" src="js/vue.js" ></script>
		<script type="text/javascript" src="js/axios.min.js" ></script>
	   <script src="js/new_file.js"></script>
	</body>
</html>
